{layout name="layout/default" /}
<style>
    div.active{background-color:#eee}
    
</style>
<div id="content-container" class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-10">
            
            <div class="container-fluid">
                <div class="row">
                    <div class="col col-xs-12">
                            <form class="form-inline">
                                <div class="form-group">
                           
                                </div>
                                <button type="button" id="btnNewCustomer" class="btn btn-success">新增客户</button>
                            </form>
                    </div>
                </div>
                <div class="row margin">
                    <div class="col col-xs-12">
                            <table class="table table-bordered table-hover" id="table">
                                    <thead>
                                <tr>
                                    <th>姓名</th><th>性别</th><th>电话</th><th>是否首套</th><th>付款方式</th><th>首付比例</th><th>期望区域</th><th>期望面积</th><th>登记时间</th><th>备注</th>
                                </tr>
                                </thead>
                                {volist name="row" id="vo"}
                                <tr class="customer-item" data-id="{$vo->id}" data-name="{$vo->customer_name}">
                                    <td>{$vo->customer_name}</td>
                                    <td>{$vo->sex_radio}</td>
                                    <td>{$vo->customer_tel}</td>
                                    <td>{$vo->first_house}</td>
                                    <td>{$vo->payment_method}</td>
                                    <td>{$vo->payment_percentage}</td>
                                    <td>{$vo->want_district}</td>
                                    <td>{$vo->want_acre_low} ~ {$vo->want_acre_high}</td>
                                    <td>{$vo->createtime | |date='Y-m-d h:m:s',###}</td>
                                    <td>{$vo->mem}</td>
                                </tr>
                                {/volist}
                            </table>
                    </div>
                </div>
                
            </div>
            <!-- <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav> -->
        </div>
    </div>
</div>
    